<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/flex布局.css">

</head>

<body>
    <div class="container">
        <h3>商品详情</h3>
        <!-- 顶部图片 -->
        <div class="other-header">
            <img src="../img/iconfont/盲盒.png" alt="" />
        </div>
        <div class="kx"></div>
        <div class="other-time">
            <div class="time-amount">
                <i>￥</i>
                <b>???</b>
            </div>
            <div class="time-surplus">
                <h5>距活动结束剩</h5>
                <ul>
                    <li class="shape ">13</li>
                    <li>:</li>
                    <li class="shape ">45</li>
                    <li>:</li>
                    <li class="shape ">23</li>
                </ul>
            </div>
        </div>
        <div class="other-text">
            <ul>
                <li>
                    <i>未知商品，会有惊喜</i>
                </li>
                <li class="one">敬请期待</li>
                <li class="two"><span>预售</span></li>
            </ul>
        </div>

    </div>
    <div class="container-other">
        <h3>商品详情</h3>
        <!-- 底部图片 -->
        <div class="other-header">
            <img src="../img/iconfont/盲盒.png" alt="" />
        </div>

        <div class="container-footer">
            <div class="footer-lists">
                <ul>
                    <li class="selected">
                        <a href="../html/flex布局.html">
                            <i><img src="../img/iconfont/shouye.png" alt=""></i>
                            <p>首页</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i><img src="../img/iconfont/分享.png" alt=""></i>
                            <p>分享</p>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="gw">
                            <i><img src="../img/iconfont/购物车.png" alt=""></i>
                            <p>购物车</p>
                            <b>0</b>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="add">
                            <p>加入购物车</p>
                        </a>
                    </li>

                </ul>
            </div>

        </div>
    </div>

</body>

</html>